<template>
  <div class="features">
    <a-menu mode="horizontal">
      <a-menu-item key="entity">
        <a-icon type="mail"/>
        实体图形
      </a-menu-item>
      <a-menu-item key="visual">
        <a-icon type="appstore"/>
        可视化
      </a-menu-item>
      <a-sub-menu key="terrain">
        <span slot="title" class="submenu-title-wrapper">
          <a-icon type="setting" />地形
        </span>
        <a-menu-item key="setting:1">等高线生成</a-menu-item>
        <a-menu-item key="setting:2">Option 2</a-menu-item>
      </a-sub-menu>
      <a-menu-item key="measure">
        <a-icon type="appstore"/>
        量测
      </a-menu-item>
      <a-menu-item key="analysis">
        <a-icon type="appstore"/>
        空间分析
      </a-menu-item>
      <a-menu-item key="fly">
        <a-icon type="appstore"/>
        飞行
      </a-menu-item>

    </a-menu>
  </div>
</template>

<script>
  export default {
    name: "Features"
  }
</script>

<style scoped>
  .features {
    text-align: left;
    position: absolute;
    z-index: 99;
    background: rgba(100, 100, 100, 0.8);
    width: 700px;
    height: 100px;
    top: 20px;
    left: 20px;
    padding: 8px;
    border-radius: 5px;
  }
</style>